require("aui.loader");

Vue.component("aui-loading", {
    template: `
        <div class="aui-loading">
            <div class="aui-loading__inner">
                <aui-loadding-spinner></aui-loadding-spinner>
            </div>
            <div class="aui-loading__bg"></div>
        </div>    
    `,
    mounted() {
        var self = this;
        self.anuElement =  $(self.$el);
    },
    methods: {
        hideLoading() {
            var self = this;
            self.anuElement.addClass("hide");
        },
        showLoading() {
            var self = this;
            self.anuElement.removeClass("hide");
        }
    }
});